<style lang="stylus" scoped>
  .container
    padding: 4rem 1.25rem 0 1.25rem;
    box-sizing: border-box;
    .player
      width: 100%;
      text-align: center;
      padding-top: 1rem;
      img 
        border-radius: 50%;
        border: .2rem solid #e99e35;
        width: 20%;
      p
        font-size: 1.25rem;
        color: white;
      a 
        font-size: 1.2rem;
        color: #fff;
        i 
          font-size: 1.2rem;
          color: #fff;

</style>

<template>
  <div class="my">
    <navTop :title="title"></navTop>
    <div class="container">
      <div class="player">
        <img src="../assets/avatar-001.png">
        <p>1353880213@qq.com</p>
        <a>0x77f47c06d212dbbd6c97d509b26f86ef53747f60<i class="iconfont icon-erweima"></i></a>
      </div>
    </div>
    <div :is="choose"></div>
  </div>
</template>

<script>
import navTop from '../components/navTop'
import choose from '../components/choose'
import wallet from '../components/wallet'
export default {
  data() {
    return{
      choose:"choose",
      title:"我的"
    }
  },
  components:{
    navTop,
    choose,
    wallet
  },
  methods:{
    change(){
      this.choose = "wallet"
      this.title = "钱包"
    },
    href(){
      if(this.title === "钱包"){
        this.choose = "choose"
        this.title = "我的"
      }else{
        this.$router.push('/home')
      }
    }
  }
}
</script>
